<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>

    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../../layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
    <script src="../../layui-v2.6.8/layui/layui.js"></script>
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
    <script src="../../jquery/jquery.min.js"></script>
    <link rel="stylesheet" href="../css/bottom-cav.css">
    <style>
        #new  li a:hover{
            color:rgba(33, 33, 224, 0.925);
            text-decoration: none;
        }   
        .trr{
            padding-top:40px;
            padding-left:40px;   
           
        }
        .ui_inp {
    border: solid 1px #ccc;
    width: 150px;
    padding: 0 10px;
    height: 35px;
    border-radius: 5px;
    color: #999;
}
        .ui_org_btn {
    background:#101d37;
}


.ui_btn {
    border:0px solid white;
    padding: 0 30px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    height: 40px;


    width:120px;





}

    
        .log_buttom {
            background-color: #21373d;
        }
        .cen-nav{
            margin-left: 40px;
            float: left;
           
        }
        .top-nav{
            height: 60px;
            width: 100%;
            background-color: #393D49;
        }
        a{text-decoration: none;}
        .pos{
            float: left;
            margin-top: 18px;
            margin-left: 150px;
            
        }
        .log-register{
            float: right;
            margin-right: 300px;
            margin-top: 18px;
            color: rgba(255,255,255,.7);
            display: none;
        }
        .log-register span a{
            color: rgba(255,255,255,.7);
            text-decoration: none;
        }
        .log-register span a:hover{
            color: white;
        }
        .center-content{
          
            
            width: 1250px;
            margin-left: 150px;
            
        }
        .top-seach{
            height: 80px;
            background-color: rgb(245, 245, 246);
        }
        .seach{
            width: 600px;
            margin-left: 150px;
            margin-top: 10px;
        }

        .rent-type{
            margin-left: 150px;
            height: 25px;
            margin-top: 15px;
            
        }
        .rent-type a{
            color: rgb(146, 146, 146);
        }
        .class-area span{
            margin-right: 15px;
        }
        .class-area span a{
            text-decoration: none;
            color: #101d37;
            
        }
        .class-area span a:hover{
            color: blue;
        }
        .class-area{
            width: 100%;
            height: 30px;
            margin-bottom: 5px;
        }   
        .house-sort-type div{
            border-right: 1px solid rgb(237, 237, 237);
            width: 85px;
            float: left;
            height: 53px;
            padding: 15px;
            margin-top: -18px;
        }
        #house-count{
            border: none;
            width: 300px;
            font-weight: bold;
            font-size: 18px;
            margin-left: 50px;
        }
        .house-data{
            margin-left: 150px;
            width: 1250px;
            margin-top: 20px;
        }
        .bottom-house-info-left{
            width: 900px;
     
            float: left;
            background-color: white;
        }
        .bottom-house-info-right{
            width: 250px;
            float: right;   
            background-color: white;
        }
        .bottom-house-info{
            margin-left: -20px;
            border: 1px solid blue;
       
        }
        .house-info{
            float: left;
            margin-bottom: 20px;
            margin-left: 20px;
        }
        .house-info-right{
            
            float: left;
            margin-left: 30px;
           
        }
        .house-info-right div{
            margin-top: 15px;
            color: #849aae;
        }
        .house-info-right div span{
            background-color:rgba(83, 92, 102, 0.1) ;
            padding: 5px;
        }
        .house-info img{
            border-radius: 10px;
        }
        .Pagination{
            float: left;
            margin-top: 20px;
            margin-left: 300px;
        }
        #top-username{
            float: left;
            margin-top: 27px;
            
            font-weight: bold;
            font-size: 16px;
       }
       #top-exit{
            float: left;
            margin-top: 27px;
            margin-left: 10px;
            
            font-weight: bold;
            font-size: 16px;
       }
      

       
    </style>
</head>
<body>
    <div class="top-nav">
        <div class="pos">
            <a href="">
                <span class="glyphicon glyphicon-map-marker" style="font-weight: bold;color: rgba(255,255,255,.7) ;">&nbsp;吴中区</span>
            </a>
        </div> 
        <div class = "cen-nav"> 
              <ul class="layui-nav" style="font-weight:bolder;">
                
                <li class="layui-nav-item"><a href="../ych/frontpage.html">首页</a></li>
                
                <li class="layui-nav-item"><a href="../ych/Classification.html">立即找房</a></li>
                <li class="layui-nav-item"><a href="../ych/Classification.html?hire=0">合租</a></li>
                <li class="layui-nav-item"><a href="../ych/Classification.html?hire=1">整租</a></li>
                <li class="layui-nav-item"><a >经纪人登录</a></li>
                <li class="layui-nav-item"><a href="javascript:void(0)" onclick="release()">发布房源</a></li>
              </ul>
        </div>
        <div class="log-register">
            <span><a href="">登录</a></span>
            <span>|</span>
            <span><a href="">注册</a></span>
        </div>
        <div id="username-pic" style="float: right;display: none;margin-right: 150px;">
            <img src="../../ych/image/picwish.png" alt="" width="60px" height="60px" style="border-radius: 50px;float: left;">
            
            <div id = "top-username"   >
                <a href="#"  style="color: rgba(255,255,255,.7);" id="husername"   value=""></a>
            </div>
           
            <div id="top-exit"><a href="javascript:void(0)" style="color: rgba(255,255,255,.7);" onclick="top_exit()"><span>退出</span></a></div>
        </div>
    </div>
    <div class="user-main">
        <div class="main-left fl">                 
            <ul  id="new">
                <li><a href="../personal.html">关注的房源</a></li>
               
                <li><a href="mybroker.html">我的经纪人</a></li>
                <li><a href="history.html">看房记录</a></li>
                <li><a href="myselfentrust.html">我的委托</a></li>
                <li><a href="updatemyselfinfo.html">编辑资料</a></li>
                
                <li><a href="myself.html">个人信息</a></li>
            </ul> 
        </div>
        <div class="main-right fr " id="allList"   >
            <p style="font-size:large;color:rgba(13, 6, 75, 0.815);">个人信息</p>               
                  <table>
                  <tbody>                    
                  <tr>          
                    <td style="padding-top:40px;">用户名</td>
                    <td class="trr "><input type="text" id="nickname" class="ui_inp ui_inp_big"  value=""></td>
                  </tr>
        
                  <tr>          
                    <td style="padding-top:40px;">手机号</td>
                    <td class="trr"><input type="phone" id="phone" class="ui_inp ui_inp_big" value=""></td>
                  </tr>
        
                  <tr>          
                    <td style="padding-top:40px;">密码</td>
                    <td class="trr"><input type="password" id="password" class="ui_inp ui_inp_big" value=""></td>
                  </tr>

                  <tr>          
                    <td style="padding-top:40px;">邮箱</td>
                    <td class="trr"><input type="email" id="email" class="ui_inp ui_inp_big" value=""></td>
                  </tr>      
        
                  
                  <tr>          
                    <td style="padding-top:40px;">性别</td>
                    <td class="trr"><input type="text" id="sex" class="ui_inp ui_inp_big" value=""></td>
                  </tr>  
                  
                  <tr>          
                    <td style="padding-top:40px;">生日</td>
                    <!-- <td class="trr"><input type="text" id="birthday" class="ui_inp ui_inp_big" value=""></td> -->
                    <td class="trr">
                        <input type="text" name="date" id="date1" autocomplete="off" class="layui-input ui_inp ui_inp_big" value="" >
                    </td>
                  </tr>      
                  <tr>          
                    <td style="padding-top:40px;">家乡</td>
                    <td class="trr"><input type="text" id="hometown" class="ui_inp ui_inp_big" value=""></td>
                  </tr>  
                  <tr>          
                    <td style="padding-top:40px;">职业</td>
                    <td class="trr"><input type="text" id="profession" class="ui_inp ui_inp_big" value=""></td>
                  </tr>  
                  <tr>          
                    <td style="padding-top:40px;">标签</td>
                    <td class="trr"><input type="text" id="tag" class="ui_inp ui_inp_big" value=""></td>
                  </tr>  

                  <tr>          
                    <td style="padding-top:40px;">个人描述</td>
                    <td class="trr"><input type="text" id="person_describe" class="ui_inp ui_inp_big" value=""></td>
                  </tr> 
                  <tr>          
                    <td style="padding-top:40px;">公司</td>
                    <td class="trr"><input type="text" id="company" class="ui_inp ui_inp_big" value=""></td>
                  </tr>                                          
                  
                </tbody>
                </table>
                </div>
            </div>
            
            
        </div>
    </div>
    <div class="log_buttom">
        <div class="log-logo">
        </div>
        <div  class="log-buttom-icon">
            <div class="glyphicon glyphicon-film" style=" color: white;width:50px;height: 50px;font-size: 50px;margin-top: 40px;margin-left: 70px;"></div>
            <div style="margin-left: 65px;color: white;font-size: 15px;font-weight: bold;margin-top: 10px;">极速找房</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-service" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">在线客户</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-date" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">在线预约</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-find-fill" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">地图找房</div>
        </div>
        
    </div>
    <div class="buttom_nav">
        <div class="buttom_nav_center">
            <div class="recommend-area-rent">
                <div class="title">
                    推荐区域租房
                </div>
                <div class="recommend-content">
                    <span class="">
                        <a href="">吴中</a>
                        <a href="">吴江</a>
                        <a href="">园区</a>
                        <a href="">太仓</a>
                        <a href="">姑苏区</a>
                        <a href="">常说</a>
                        <a href="">平江</a>
                        <a href="">张家港</a>
                        <a href="">高新区</a>
                        <a href="">沧浪</a>
                        <a href="">相城</a>
                        <a href="">昆山</a>
                        <a href="">金阊</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 80px;height: 15px;"></div>
            <div class="recommend-subway-rent">
                <div class="title">
                    推荐地铁租房
                </div>
                <div class="recommend-content">
                    <span class="">
                        <a href="">1号线</a>
                        <a href="">2号线</a>
                        <a href="">3号线</a>
                        <a href="">4号线支线</a>
                        <a href="">4号线</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 40px;height: 15px;"></div>
            <div class="Recommend-type-rent">
                <div class="title">
                    推荐类型租房
                </div>
                <div class="recommend-content">
                    <span>
                        <a href="">苏州合租</a>
                        <a href="">苏州整租</a>
                        <a href="">苏州公寓</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 40px;height: 15px;"></div>
            <div id="about-suleju">
                <div class="title" style="float: left;width: 200px;height: 300px;">
                    <div style="width: 200px;">
                        关于苏乐居
                    </div>
                    <div class="recommend-content" style="width:100px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >伙伴登录</a>
                            <a href="" style="margin-top: 10px;display: block;">网站地图</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        苏乐居合作公寓
                    </div>
                    <div class="recommend-content" style="width:140px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >青年汇</a>
                            <a href="" style="margin-top: 10px;display: block;">银桥公寓</a>
                            <a href="" style="margin-top: 10px;display: block;">爱家精品公寓</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        意见回馈
                    </div>
                    <div class="recommend-content" style="width:100px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >mail:2308844@qq.com</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        联系苏乐居
                    </div>
                    <div class="recommend-content" style="width:300px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >10106006</a>
                            <br>
                            <br>
                            <a href="">周一～周日 8:00～23:00</a>
                            </span>
                    </div>
                </div><br>
                <div id="max-buttom-info">
                    <div id="suleju-web-info">
                        <div style="width:300px;margin-left:-110px">
                            ©2015 上海万间信息技术有限公司
                        </div>  
                        <a href="" style="margin-right: 25px;">
                            隐私协议 
                        </a>
                        <a href="">服务协议</a>
                        <div style="width:300px;margin-left:30px;margin-right: 30px;">上海市浦东新区晨晖路88号 金蝶软件园</div>
                        <a href=""> 沪ICP备15004537号-2    </a>
                    </div>
                    <div id="suleju-web-info">
                        <div style="width: 25px;height: 23px;
                            margin-left: -130px;background-image: url(image/gongan.png);background-size: 100%;">

                        </div>
                        <a style="width:260px;margin-left:-100px">
                            沪公网安备31011502006937号  
                        </a>  
                        <div style="width:300px;margin-left:0px;">增值电信业务许可证：沪B2-20170251</div>
                        
                    </div>
                    
                </div>
                
            </div>
        </div>
        
    </div>

    <script>
       
        layui.use(['form', 'util', 'laydate'], function(){
          var form = layui.form;
          var layer = layui.layer;
          var util = layui.util;
          var laydate = layui.laydate;
          
          //日期
          laydate.render({
            elem: '#date'
          });
          laydate.render({
            elem: '#date1'
          });
        });
    </script>

    <script>    
        $(function(){
            let token = localStorage.getItem("token");
            if(token != null){
                $.ajax({
                    type:"get",
                    url:"/gewu/userLog/isLog",
                    headers:{"token":token},
                    success:function(res){   
                        if(res.code==200){
                            let username_pic = document.getElementById("username-pic");
                            let husername = document.getElementById("husername");
                            husername.innerText = res.content.username;                          
                           
                            username_pic.style.display="block"; 
                           
                           
                        
                        }                        
                    }                    
                }),
                $.ajax({
                    type: "post",
                    url: "/gewu/UserDetails/findUserByUserId",    
                    headers:{"token":token},
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",      
                    data:{
              
                    },                      
                    success: function(res){
                        if(res.code==200){ 
                                document.getElementById("email").value =res.content.email ;
                                document.getElementById("password").value =res.content.password ;
                                document.getElementById("phone").value =res.content.phone;
                                document.getElementById("nickname").value =res.content.username ;
                        }
                    }

                }),
                
                $.ajax({   
                    type: "post",
                    url: "/gewu/UserDetails/findUserDetailByUserId",    
                    headers:{"token":token},
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",      
                    data:{
              
                    },                          
            
                    success: function(res){
                        if(res.code==200){                             
                           
                            document.getElementById("sex").value =res.content.sex;
                            document.getElementById("hometown").value =res.content.hometown ;
                            document.getElementById("tag").value =res.content.tag ;
                            document.getElementById("profession").value =res.content.profession ;
                            document.getElementById("company").value =res.content.company;
                          
                            document.getElementById("date1").value =res.content.birthday ;                       
                            document.getElementById("person_describe").value =res.content.personDescribe ;
                        } 
                        console.log(document.getElementById("date1").value);          
                            
                    },
                    error: function (res) {
                    console.log("userdetail失败");
                    } 
                })                
            

            }
            else{
                    let log_register = document.getElementById("log-register");
                    log_register.style.display="block"; 
            }           
        })                  
    </script>
    <script>
        function top_exit(){
            localStorage.clear();
            window.location = "../../ych/frontpage.html";            
        }
    </script>
  


   

   
    

</body>
</html>